<template>
	<view class="List" :style="{'--color':vuex_config.themeColor1,'--color':vuex_config.price}">
		<view v-for="(item, index) in dataList" :key="index" class="item" @click="goProdDetail(item, index)">
			<auction-item :item="item"></auction-item>
		</view>
	</view>
</template>

<script>
	import auctionItem from './auctionItem.vue'
export default {
	components: {
		'auction-item':auctionItem
	},
	props: {
		parameter: {
			type: Object,
			default: () => {
				return {};
			}
		},
		dataList: {
			type: Array,
			default: []
		}
	},
	data() {
		return {};
	},
	methods: {
		goProdDetail (item) {
			this.$toProd({
				...item,
				prodType: 14
			});
		}
	}
};
</script>

<style scoped lang="scss">
	.List{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		padding: 10rpx 20rpx 0;
		.item{
			width: calc(50% - 12rpx);
			// width: 300rpx;
		}
	}
</style>
